﻿<!DOCTYPE html>

<html>
<head>
    @RenderSection("head", false)
    <link href="~/Content/PagedList.css" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/Transfer.css")" rel="stylesheet" type="text/css" />
    <style type="text/css">
        /** RESET **/
        * {
            margin: 0px;
            padding: 0px;
        }

        body {
            background: #fbf7f4;
            font: 15px arial;
            width: 1280px;
            height: auto;
            margin: 0px auto;
        }

        ul li {
            text-decoration: none;
            list-style: none;
            padding-top: 70px;
        }

        a {
            text-decoration: none;
            color: black;
        }

            a:hover {
                text-decoration: underline;
            }

        #wrapper {
            width: 900px;
            height: 900px;
            margin-top: 20px;
            margin-left: 180px;
        }


        /*END RESET*/

        /*Start PiPi*/

        #div2 {
            margin-left: 180px;
            width: 542px;
            height: 460px;
            background: url(../Images/div2-bg.gif)repeat-x;
        }

        #header {
            width: 542px;
            height: 120px;
        }

            #header h5 {
                font-size: 20px;
                margin-top: -100px;
                margin-left: 350px;
                color: white;
            }
        /*div1*/
        #div1 {
            width: 131px;
            height: 300px;
            margin-top: -50px;
            margin-right: -40px;
            position: fixed;
            top: 142px;
            left: 310px;
        }

            #div1 ul li {
            }

        .txtbt {
            width: 80px;
            height: 40px;
        }


        /*Welcome*/
        #welcome h5 {
            margin: 80px 0px 30px 90px;
            font-size: 35px;
            color: white;
        }

        #welcome h6 {
            margin: 80px 0px 30px 60px;
            font-size: 25px;
            color: white;
        }

        #Content {
            width: 100%;
            height: 100%;
        }

        .buttonright {
            background-image: url(/Content/Images/bg.png);
            background-size: contain;
            border: none;
            background-repeat: round;
            background-color: transparent;
            height: 40px;
            width: 150px;
        }
        .buttonleft {
            background-image: url(/Content/Images/bg2.png);
            background-size: contain;
            border: none;
            background-repeat: round;
            background-color: transparent;
            height: 40px;
            width: 150px;
        }
    </style>
    <meta name="viewport" content="width=device-width" />
    <title>
        @ViewBag.Title
    </title>
</head>
<body style="background-image: url(/Content/Images/3.jpg)">
    <table style="margin:0px auto 0px auto; width:800px">
        <tr>
            <td style="width: 15%; text-align: right">
                <ul>
                    <li style="margin-top: 110px">
                        <input type="button" name="txtdn1" class="txtbt" value="button 1" onclick="return button1click();" />
                    </li>
                    <li>
                        <input type="button" name="txtdn2" class="txtbt" value="button 2" onclick="return button2click();" />
                    </li>
                    <li>
                        <input type="button" name="txtdn3" class="txtbt" value="button 3" onclick="return button3click();" />
                    </li>
                </ul>
            </td>
            <td style="background-image: url(/Content/Images/div2-bg.gif); vertical-align: top">
                <div id="header" style="background-image: url(/Content/Images/header-bg.gif)">
                    <img src="/Content/Images/logo.gif">
                    <h5>This is HLD Bank</h5>
                </div>
                <div style="width: 100%; height: 350px">
                    @RenderBody()
                </div>
            </td>
            <td style="width: 15%">
                <ul>
                    <li style="margin-top: 110px">
                        <input type="button" name="txtdn4" class="txtbt" value="button 4" onclick="return button4click();" />
                    </li>
                    <li>
                        <input type="button" name="txtdn5" class="txtbt" value="button 5" onclick="return button5click();" />
                    </li>
                    <li>
                        <input type="button" name="txtdn6" class="txtbt" value="button 6" onclick="return button6click();" />
                    </li>
                </ul>
            </td>
        </tr>
    </table>
    <div id="div4" style="display:inline-block;">
        <table class="caulator" border="0" width=400 height=200>
            <tr>
                <td>
                    <input type="button" value="1" class="number" onclick="selectNumber(1) " />
                </td>
                <td>
                    <input type="button" value="2" class="number" onclick="selectNumber(2)" />
                </td>
                <td>
                    <input type="button" value="3" class="number" onclick="selectNumber(3)" />
                </td>
                @using (Html.BeginForm("Index", "ATM"))
                {
                <td>  
                    <input type="submit" value="Cancel" class="text" />               
                </td>
                }   
            </tr>

            <tr>
                <td>
                    <input type="button" value="4" class="number" onclick="selectNumber(4)" />
                </td>
                <td>
                    <input type="button" value="5" class="number" onclick="selectNumber(5)" />
                </td>
                <td>
                    <input type="button" value="6" class="number" onclick="selectNumber(6)" />
                </td>
                <td>
                    <input type="button" value="Clear" class="text" onclick="clearNumber()" />
                </td>
            </tr>

            <tr>
                <td>
                    <input type="button" value="7" class="number" onclick="selectNumber(7)" />
                </td>
                <td>
                    <input type="button" value="8" class="number" onclick="selectNumber(8)" />
                </td>
                <td>
                    <input type="button" value="9" class="number" onclick="selectNumber(9)" />
                </td>
                <td>
                    <input onclick="selectEnter()" type="submit" value="Enter" class="text" />
                </td>
            </tr>

            <tr>
                <td>
                    <input type="button" value="" class="number" />
                </td>
                <td>
                    <input type="button" value="0" class="number" onclick="selectNumber(0)" />
                </td>
                <td>
                    <input type="button" value="" class="number" />
                </td>

            </tr>
        </table>
    </div>
</body>
</html>